<template>
  <div>
    <!-- 消息通知部分 -->
    <van-notice-bar
    v-if="message && message.count"
    wrapable
    :scrollable="false"
    mode="link"
    color="#E74E4B" background="#FFFAEF"
    class="message"
    :text="message.count"
    />
  </div>
</template>
<script>
export default {
  name: "Message",
  props:["message"],
  data() {
    return {};
  },
};
</script>
<style lang="less" scoped>
	.message{
    line-height: 0.2rem;
    // font-size: 0.12rem;
    /deep/ .van-notice-bar__wrap{
      /deep/ .van-notice-bar__content{
        font-size: 0.12rem;
      }
    }
	}
</style>